<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://www.baidu.com"><!--action 设置提交的地址-->
    用户名: <input type="text" name="username" maxlength="6" value="" placeholder="请输入用户名" readonly> <br>
    <!--    maxlength  最大字符长度     value 默认值       placeholder 占位文本   readonly 只读-->
    密码:<input type="password" name="password" placeholder="请输入密码"> <br>
    <!--单选框 中 value 必须写, 不写默认是 on  , checked 设置默认选中,  label: 扩大点击范围-->
    性别:<input type="radio" name="gender" value="m" id="m1"> <label for="m1">男</label>
    <input type="radio" name="gender" checked value="w" id="w1"> <label for="w1">女</label> <br>
    兴趣爱好: <input type="checkbox" name="hobby" value="C">抽烟
    <input type="checkbox" name="hobby" value="H">喝酒
    <input type="checkbox" name="hobby" value="T">烫头 <br>
    生日: <input type="date" name="birthday"> <br>
    靓照: <input type="file" name="pic"> <br>
    所在地: <select name="city" id="">
        <option value="bj">北京</option>
        <option value="tj">天津</option>
        <option value="sh">上海</option>
        <option value="hb" selected>河北</option>  <!--selected 默认选中-->
    </select> <br>
    <input type="submit" value="注册"> <!--submit 提交按钮, reset 重置按钮   button 自定义按钮-->
    <input type="reset" value="">
    <input type="button" value="自定义按钮">

    <button type="sumbit">提交 </button>  <!--button  效果等同于 input-->
    <button type="reset">重置 </button>
    <button type="button">自定义 </button>
</form>

</body>
</html>